<%@page import="study.top.jsp.PageHandler"%>
<%@page import="study.top.mydb.items.ProductAllItem"%>
<%@page import="study.top.jsp.CookieBox"%>
<%@page import="study.top.mydb.items.Category2Item"%>
<%@page import="study.top.mydb.Category2"%>
<%@page import="study.top.mydb.items.Category1Item"%>
<%@page import="java.util.ArrayList"%>
<%@page import="study.top.mydb.Category1"%>
<%@page import="study.top.mydb.items.ProductItem"%>
<%@page import="study.top.mydb.Product"%>
<%@page import="study.top.common.PatternChecker"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ page session="true" %>
<%@ include file="dbcon.jsp" %>
<%
	db.connect();

	int nowPage = web.getInt("page");
	int seq = web.getInt("seq");
	String active = web.getValue("active");
	//seq = 1;

	if (seq < 0) {
		out.print("<script type='text/javascript'>alert('파라미터가 없습니다.');history.back();</script>");
		return;
	}
	
	/** 상품데이터 조회 */
	Product Product = new Product();
	ProductAllItem productAllItem = Product.show(seq);
	
	if (productAllItem == null) {
		out.print("<script type='text/javascript'>alert('데이터 조회에 실패했습니다. 잠시후 다시 시도해 주세요.');");
		return;
	}
	
	// 카테고리1 목록에 대한 ArrayList 받아오기
	Category1 dept1 = new Category1();
	ArrayList<Category1Item> Ca1_list = dept1.selectCategory1List();
	
	// 카테고리2 목록에 대한 ArrayList 받아오기
	Category2 dept2 = new Category2();
	ArrayList<Category2Item> Ca2_list = dept2.selectCategory2List(1);
%>
<!DOCTYPE html>
<html lang="ko">
<%@ include file ="topHead.jsp" %>

<style type="text/css">
.thumbnail {
	margin-bottom: 15px;
}

.thumbnail img {
	display: block;
	width: 100% !important;
	height: 150px;
}

.thumbnail h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
</style>

<body>
	<%@ include file="topcategory.jsp" %>
	<%
		String mem_id = "";
		if (login) {
			mem_id = memberItem.getId();
		}
	%>
	<div class="top-tab top-hidden-xs">
		<%@ include file="tab.jsp" %>
	</div>
	<div class="container" style="width: 70%;">
		
		<br /> <br />
		<div class="page-header top-hidden-xs">
			<a href="uProductList.jsp" style="color: black; font-size: small;">전체상품</a>
			> <a href="uProductList.jsp?page=1&c1=<%=productAllItem.getC1_seq()%>"
				style="color: black; font-size: small;"><%=productAllItem.getC1_name()%></a> >
			<a
				href="uProductList.jsp?page=1&c1=<%=productAllItem.getC1_seq()%>&c2=<%=productAllItem.getC2_seq()%>"
				style="color: black; font-size: small;"><%=productAllItem.getC2_name()%></a> >
			<a style="color: black; font-size: small;"><%=productAllItem.getTitle()%></a>
		</div>

		<br /> <br /> <br />
		<form id="frmProductView" class="form-horizontal" role="form"
			method="post" action="aProductAddOK.jsp">

			<!--  상품번호 자동입력  -->
			<input type="hidden" name="prono" value="<%=seq%>">
			<input type="hidden" name="mem_seq" value="<%=mem_id %>" />

			<div class="top-table-size1">
				<div class="top-box1 top-center">
					<img height="230" width="230" src="<%=productAllItem.getImgurl()%>">
				</div>
				<div class="top-box2">
					<br /><br />
					<label class="top-label3">NAME</label>
					<label class="top-label2"><%=productAllItem.getTitle()%></label>
					<br />
					<label class="top-label3">PRICE</label>
					<label class="top-label2"><%=productAllItem.getPrice_min()%></label>
					<br />
					<label class="top-label3">제조사</label>
					<label class="top-label2"><%=productAllItem.getMaker()%></label>
					<br />
					<label class="top-label3">EA</label>
					<label class="top-label2"><input type="number" id="num" style="width: 50px"	value="1" min="1" name="num"></label>
				</div>								
			</div>
			<div class="top-table-size1 top-center">
				<div class="top-inline-group">
					<input type="button" id="popup" src="wishListpopup.jsp?mem_seq=<%=mem_seq %>&prono=<%=seq%>" 
						class="top-btn-size6 top-btn-custom" onclick="popup();" value="위시리스트" 	/>
					<input type="button" id="recommend" name="recommend" src="uProductRecommend.jsp?prono=<%=seq%>" 
						class="top-btn-size6 top-btn-custom" onclick="recommend();"	value="좋아요 <%=productAllItem.getRecommend()%>" />
				</div>
			</div>					
		</form>

		<br /> <br /> <br />
		<ul class="nav nav-tabs">
			<li <%if(active.equals("S")) {%> class="active" <%}%>><a
				href="uProductDetailView.jsp?active=S&seq=<%=seq%>">상세 정보</a></li>
			<li <%if(active.equals("Q")) {%> class="active" <%}%>><a
				href="uProductDetailView.jsp?active=Q&seq=<%=seq%>"> 리뷰 </a></li>
			<li <%if(active.equals("A")) {%> class="active" <%}%>><a
				href="uProductDetailView.jsp?active=A&seq=<%=seq%>"> 연관상품 </a></li>
		</ul>
		<div class="row">
			<%
				if(active.equals("S")){
			%>
			<div>
				<!-- 게시물 하나 시작 -->
				<div class="thumbnail" style="border: 0;">
					<div class="caption">
						<table align="center" border="">
							<tr>
								<td align="left" height="50" width="100"><strong
									class="form-control-static">상품 명 </strong></td>

								<td><strong class="form-control-static"><%=productAllItem.getTitle()%></strong>
								</td>
							</tr>
							<tr>
								<td align="left" height="50" width="100"><strong
									class="form-control-static">상품 가격 </strong></td>

								<td><strong class="form-control-static"><%=productAllItem.getPrice_min()%>
										원</strong></td>
							</tr>
							<tr>
								<td align="left" height="50" width="100"><strong
									class="form-control-static">제조사 </strong></td>

								<td>
									<p class="form-control-static"><%=productAllItem.getMaker()%></p>
								</td>
							</tr>
							<tr>
								<td align="left" height="50" width="100"><strong
									class="form-control-static">브랜드 </strong></td>

								<td>
									<p class="form-control-static"><%=productAllItem.getBrand()%></p>
								</td>
							</tr>
							<tr>
								<td align="left" height="50" width="100"><strong
									class="form-control-static">상품 정보 </strong></td>

								<td>
									<p class="form-control-static"><%=productAllItem.getDecription()%></p>
								</td>
							</tr>
							<tr>
								<td align="left" height="50" width="100"><strong
									class="form-control-static">추천 수 </strong></td>

								<td>
									<p class="form-control-static"><%=productAllItem.getRecommend()%></p>
								</td>
							</tr>
							<tr>
								<td align="left" height="50" width="100"><strong
									class="form-control-static">제조년월 </strong></td>

								<td>
									<p class="form-control-static"><%=productAllItem.getPublish_date()%></p>
								</td>
							</tr>
						</table>
					</div>
				</div>
				<!-- 게시물 하나 끝 -->
			</div>
			<%
			// active에 따라 보여질 화면 분기
				}else if(active.equals("Q")){
			%>
			
				<!-- 게시물 하나 시작 -->
				
						<% db.connect(); %>
						<%@ include file="uBrdMyReviewlist.jsp"%>
						<% db.disconnect(); %>
					
				<!-- 게시물 하나 끝 -->
			
			<%
				}else if(active.equals("A")){
						PageHandler p_handler = PageHandler.getInstance();
			%>

			<!-- 게시물 하나 시작 -->



			<div class="table-responsive">
				<table class="table table-striped table-hover">
					<thead>
						<tr class="warning">
							<th class="text-center">이미지</th>
							<th class="text-center">상품 명</th>
							<th class="text-center">브랜드</th>
							<th class="text-center">가 격</th>
							<th></th>
						</tr>
					</thead>
					<tbody valign="middle">
						<%
							int c1seq = productAllItem.getC1_seq();
							ArrayList<ProductItem> getList = product.list(nowPage, c1seq);
							if (getList.size() < 1) {
						%>
						<tr>
							<td colspan="8"><p class="text-center text-warning"
									style="height: 100px">저장된 데이터가 없습니다.</p></td>
						</tr>
						<%
							} else {
								for (int i = 0; i < getList.size(); i++) {
									ProductItem productItem1 = getList.get(i);
						%>
						<tr>
							<td><a href="uProductDetailView.jsp?seq=<%=productItem1.getSeq()%>">
									<img width="100" height="100" src="<%=productItem1.getImgurl()%>">
							</a></td>
							<td valign="top"><%=productItem1.getTitle()%></td>
							<td valign="middle"><%=productItem1.getBrand()%></td>
							<td><%=productItem1.getPrice_max()%>
								원</td>
							<td><a href="uProductDetailView.jsp?seq=<%=productItem1.getSeq()%>"><input type="button"
								class="top-btn-custom" value="정보보기"/></a></td>
						</tr>
						<%
									}
								}
						%>
					</tbody>
				</table>
			</div>

			<!-- 페이지 구현 -->
			<div class="text-center">
				<ul class="pagination pagination-centered">
					<%
						// 이전 페이지 그룹 링크
						// --> 현재 페이지가 1페이지의 그룹 수 보다 작다면 첫 그룹이므로
						//     링크  비활성화
						if(p_handler.getNowPage() <= p_handler.getPageGroupCount()){
					%>
					<li class="disabled"><a href="#">&laquo;</a></li>
					<%
						}else{
							// 그렇지 않다면, 이전 페이지 그룹의 마지막 페이지로 링크 생성
							int prevPage = p_handler.getStartPage() -1;
					%>
					<li><a
						href="uProductDetailView.jsp?active=A&seq=<%=seq %>&page=<%=prevPage%>">&laquo;</a></li>
					<%
						}
					%>

					<%
						// 현재 페이지 그룹의 첫 페이지부터 마지막 페이지까지 반복 처리
						for(int i=p_handler.getStartPage();
						i<=p_handler.getEndPage(); i++){
							String classAttr = "";
							if(i==p_handler.getNowPage()){
						classAttr = "class='active'";
							}
					%>
					<li <%=classAttr%>><a
						href="uProductDetailView.jsp?active=A&seq=<%=seq %>&page=<%=i%>"><%=i%></a></li>
					<%
						}
					%>
					<%
						// 현재 페이지가 첫 마지막 페이지 그룹의 첫 페이지보다 크거나 같다면,
						// 다음 페이지로 이동할 수 없다.
						if(p_handler.getNowPage() >= p_handler.getLastGroupFirstPage()){
					%>
					<li class="disabled"><a href="#">&raquo;</a></li>
					<%
						}else{
							// 그렇지 않다면, 현재 그룹의 마지막페이지+1 --> 다음 그룹의 첫 페이지로
							// 이동할 링크 생성
							int nextPage = p_handler.getEndPage() + 1;
					%>
					<li><a
						href="uProductDetailView.jsp?active=A&seq=<%=seq %>&page=<%=nextPage%>">&raquo;</a></li>
					<%
						}
					%>
				</ul>
			</div>




		</div>
		<!-- 게시물 하나 끝 -->

		<%
			}
			// DB접속 해제
			db.disconnect();
		%>

	</div>
	<div class="top-hidden-xs">
		<%@ include file="topBottom.jsp" %>
	</div>

	<!-- 형식검사 클래스 참조 -->
	<script src="assets/js/string.js"></script>

	<script type="text/javascript">
		$(function() {
			$("#frmProductView").submit(function() {
				// 이동할 전송 페이지가 어디인지 검사
				var target = $(this).target;
			});
		});
	</script>

	<script type="text/javascript">
		$(function() {
			// id속성이 "delete"인 요소에 대한 click이벤트
			$("#delete").click(function() {
				// 사용자에게 물어본다.
				if (!confirm("정말 삭제하시겠습니까?")) {
					// "취소"를 선택한 경우 처리 중단
					return false;
				}
			});
		});
	</script>
	<%
		CookieBox cbox = new CookieBox(request, response);
			//쿠키가 없을 경우에만 팝업 열기
			if (!cbox.exists("popup_not_today")) {
	%>
	<script type="text/javascript">
		//팝업 열기
		$(function popup() {
			function popup(str) {
				window.open("defaultPopup.jsp?title=" + str, "POP", "width=250,height=250,scrollbars=no");
			}
			
			$("#popup").click(function() {
				var param=$("input[name='num']").val();
				if (!$("input[name='mem_seq']").val().isValue()) {
					popup("로그인을 해주세요.");
					location.href="uMemLogin.jsp";
					
					return false;
				}else{
					var url = $(this).attr("src");
					window.open(url+"&qty="+param, "", "width=245,height=200");
				}
			});
			$("#recommend").click(function() {
				// 아이디 입력여부 검사
				if (!$("input[name='mem_seq']").val().isValue()) {
					popup("로그인을 해주세요.");
					location.href="uMemLogin.jsp";
					return false;
				}else{
					var url = $(this).attr("src");
					window.open(url, "", "width=245,height=200");
				}
				
			});
		});
	</script>
	<%
		}
	%>
</body>
</html>